<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>novels</title>
	<style type="text/css">
  //边距清除内外
	 *{
		margin:0 auto;
		padding:0px;
	}
  #top{

  }
    #two{
   border:2px solid #ff7500;
    float:left;
    height:35px;
    width:2000px;
   font-family:楷书;
   font-size:20px;
   float:left;
   //字间距
   letter-spacing:3px;
        
}
#two{text-decoration:none;}
#three{
	height:500px;
	width:2000px;


}
</style>


 <link rel="stylesheet" href="left.html" src="">
		




</head>


<body>
<!-- 顶部注册区域 -->
<div id="top">
<a href="">玉米小说公众号</a>
<a href="">玉米小说App</a>
<span class="">登录</span>
<span>|</span>
<span>注册</span>
 


</div>


<!-- 头部板块 -->
	<div id="one">
		<img src="top.png" margin-top="0px";>
	</div>
	<!-- 头部板块结束 -->




	<!-- 中部选项条 -->
 
  <span>
  	 <div id="two">
                <a href="/" class="active" target="_self"><i>首页</i></a>
                <a href="/ranks" class="" target="_self"><i>排行榜</i></a>
                <a href="/search/stack" class="" target="_self"><i>书库</i></a>
                <a href="/index/boy" class="" target="_self"><i>男生站</i></a>
                <a href="/index/girl" class="" target="_self"><i>女生站</i></a>
                <a href="/category?category=15" class="" target="_self"><i>都市</i></a>
                <a href="/category?category=11" class="" target="_self"><i>玄幻</i></a>
                <a href="/category?category=14" class="" target="_self"><i>仙侠</i></a>
                <a href="/category?category=31" class="" target="_self"><i>古代言情</i></a>
                <a href="/category?category=32" class="" target="_self"><i>现代言情</i></a>
            </div>

  </span>
  <!-- 中部选项条结束 -->




  <!-- 中间帅气的配图 -->
   <div id="three">
   <img src="i.gif" alt="">
   </div>
   <!-- 结束 -->





   <!-- 下部分版块 -->
   
 <div style="background:red;float:left;width:50%"></div> 
<div style="background:blue;float:left;width:48%"></div>
<!-- 下部分板块结束 -->
   
</body>
</html>